"use client"
import {RiPlayCircleFill} from "react-icons/ri";
import {GiRiver} from "react-icons/gi";
import Link from "next/link";

export default function VideoSection() {
    return (
        <section>
            <div className={"w-full flex items-center justify-center text-white relative"}>
                <video src={'/video/sc.mp4'} autoPlay={true} muted={true} loop={true} className={"aspect-[16/5] h-[500px]  w-full object-cover"}/>
                <div className={"aspect-[16/5] h-[500px] absolute flex flex-col items-center justify-center opacity-80"}>
                    <div className={"text-[68px] font-bold  px-4 py-2 rounded-full flex gap-x-2 items-center"}>
                        {/*<GiRiver />*/}
                        寺山镇</div>
                    <div>青山绿水画乡镇，田园风光尽眼前</div>
                    <Link href={'#news'} className={"mb-[-100px] mt-[50px]"}>往下了解更多 ↓</Link>
                </div>
                {/*<RiPlayCircleFill size={48} className={"cursor-pointer"}/>*/}
            </div>
        </section>
    )
}